<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分类单页</title>

    <!--公用css引用-->
    <?php include 'include/style.php';?>
    <!--END/公用css引用-->
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>

<!--公共头部-->
<?php include 'include/header.php';?>
<!--END/公共头部-->

<!--banner图-->
<div class="banner fn-rel">
    <ul id="js-banner" class="rslides">
        <li><a class="fn-clear img" href="#1" style="background: url(../images/banner/1.jpg) no-repeat center;"></a></li>
        <li><a class="fn-clear img" href="#2" style="background: url(../images/banner/2.jpg) no-repeat center;"></a></li>
        <li><a class="fn-clear img" href="#3" style="background: url(../images/banner/3.jpg) no-repeat center;"></a></li>
    </ul>
    <div class="inbox rslides-nav"></div>
</div>
<!--END/banner图-->

<!--热卖爆品-->
<div class="inbox">
    <div class="panel-head tit-1 fn-mt30">
        <h1 class="h text-color-7"><i class="icon icon-08"></i>热卖爆品</h1>
        <p class="more link-list link-list-skin1">
            <a href="#" class="small">查看更多</a>
        </p>
    </div>
    <div class="panel-body">
        <ul class="imglist-2 ui-cols-2 imglist-2-ver imglist-skin-1">
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-1.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <h1><a class="tit" href="#">肌源赋活修护精华礼盒</a></h1>
                            <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>
                            <p>
                                <span class="text-color-1 font-18">￥<span class="font-24">119</span></span>
                                <del class="font-14 fn-ml4">专柜价：￥218</del>
                            </p>
                            <a href="#" class="buy-link" title="立即购买"><i class="icon icon-06"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space left-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-2.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <h1><a class="tit" href="#">LA MER海蓝之谜 浓缩修护眼部精华霜</a></h1>
                            <p class="sub-tit fn-dib-otw">保湿 滋润 补水 舒缓眼肌 抗皱 15ml</p>
                            <p>
                                <span class="text-color-1 font-18">￥<span class="font-24">1700</span></span>
                                <del class="font-14 fn-ml4">专柜价：￥2289</del>
                            </p>
                            <a href="#" class="buy-link" title="立即购买"><i class="icon icon-06"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-3.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <h1><a class="tit" href="#">HR/赫莲娜猎豹睫毛膏</a></h1>
                            <p class="sub-tit fn-dib-otw">豹纹防水浓密卷翘纤长  单头睫毛膏</p>
                            <p>
                                <span class="text-color-1 font-18">￥<span class="font-24">410</span></span>
                                <del class="font-14 fn-ml4">专柜价：￥459</del>
                            </p>
                            <a href="#" class="buy-link" title="立即购买"><i class="icon icon-06"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space left-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-4.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <h1><a class="tit" href="#">Elishacoy 粉红亮彩气垫  SPF50+/PA+++</a></h1>
                            <p class="sub-tit fn-dib-otw">亮白 无暇 滋润 提亮肤色  15g (限购一件)</p>
                            <p>
                                <span class="text-color-1 font-18">￥<span class="font-24">99</span></span>
                                <del class="font-14 fn-ml4">专柜价：￥159</del>
                            </p>
                            <a href="#" class="buy-link" title="立即购买"><i class="icon icon-06"></i></a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--END/热卖爆品-->

<!--基本护肤-->
<div class="inbox">
    <div class="panel-head tit-1 fn-mt30">
        <h1 class="h text-color-7"><i class="icon icon-08"></i>基本护肤</h1>
        <p class="more link-list link-list-skin1">
            <a href="#" class="small text-color-7">洗面奶 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">爽肤水 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">乳液 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">精华 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">补水面膜 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">润唇膏 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">个人洗护 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">查看更多</a>
        </p>
    </div>
    <div class="panel-body">
        <ul class="imglist-2 ui-cols-4 imglist-2-ver imglist-skin-2">
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-5.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">肌源赋活修护精华礼盒</a>
                            <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-6.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">柑橘去角质啫喱</a>
                            <p class="sub-tit fn-dib-otw">韩国原装进口明星大牌首选护肤品牌</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-7.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">欧舒丹洗发水护发素套装</a>
                            <p class="sub-tit fn-dib-otw">韩国原装进口明星大牌首选护肤品牌</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-8.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">紧致幻彩眼霜</a>
                            <p class="sub-tit fn-dib-otw">韩国原装进口明星大牌首选护肤品牌</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-9.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">LA MER海蓝之谜精华露</a>
                            <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-10.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">至美滋养菁华修护眼霜</a>
                            <p class="sub-tit fn-dib-otw">韩国原装进口明星大牌首选护肤品牌</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-11.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">晒伤修复凝露</a>
                            <p class="sub-tit fn-dib-otw">韩国原装进口明星大牌首选护肤品牌</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-12.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">保湿修复面膜（6片）</a>
                            <p class="sub-tit fn-dib-otw">韩国原装进口明星大牌首选护肤品牌</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--END/基本护肤-->


<!--时尚彩妆-->
<div class="inbox">
    <div class="panel-head tit-1 fn-mt30">
        <h1 class="h text-color-7"><i class="icon icon-08"></i>时尚彩妆</h1>
        <p class="more link-list link-list-skin1">
            <a href="#" class="small text-color-7">粉底液 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">眉笔 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">眼线笔 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">睫毛膏 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">唇彩 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">定妆液 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">卸妆油 <span class="borr"></span></a>
            <a href="#" class="small text-color-7">查看更多</a>
        </p>
    </div>
    <div class="panel-body">
        <ul class="imglist-2 ui-cols-4 imglist-2-ver imglist-skin-2">
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-13.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">肌源赋活修护精华礼盒</a>
                            <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-14.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">柑橘去角质啫喱</a>
                            <p class="sub-tit fn-dib-otw">韩国原装进口明星大牌首选护肤品牌</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-15.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">欧舒丹洗发水护发素套装</a>
                            <p class="sub-tit fn-dib-otw">韩国原装进口明星大牌首选护肤品牌</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-16.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">紧致幻彩眼霜</a>
                            <p class="sub-tit fn-dib-otw">韩国原装进口明星大牌首选护肤品牌</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-17.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">LA MER海蓝之谜精华露</a>
                            <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-18.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">至美滋养菁华修护眼霜</a>
                            <p class="sub-tit fn-dib-otw">韩国原装进口明星大牌首选护肤品牌</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-19.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">晒伤修复凝露</a>
                            <p class="sub-tit fn-dib-otw">韩国原装进口明星大牌首选护肤品牌</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img class="transform1" src="../images/classify/pic-12.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a class="tit" href="#">保湿修复面膜（6片）</a>
                            <p class="sub-tit fn-dib-otw">韩国原装进口明星大牌首选护肤品牌</p>
                            <p>
                                <span class="text-color-1 font-14">￥<span class="font-24">68</span></span>
                            </p>
                            <a href="#" class="cart-link" title="加入购物车"><i class="icon icon-cart1"></i></a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--END/时尚彩妆-->


<!--右侧浮动导航-->
<?php include 'include/right-sidebar.php'; ?>
<!--END/右侧浮动导航-->

<!--公共尾部-->
<?php include 'include/footer.php'; ?>
<!--END/公共尾部-->


<!--公用js引用-->
<?php include 'include/script.php'; ?>
<!--END/公用js引用-->

<script src="../js/responsiveslides.min.js"></script>
<script src="../js/scroll.js"></script>
<script src="../js/home.js"></script>
</body>
</html>